<!--  -->
<template>
  <div>
      <h1>子组件</h1>
      <!-- 插槽 vue自带的一个组件，
           插槽就是一个占位符，
       -->
      <slot></slot>
      <h1>==========</h1>
      <slot name="header"></slot>
      <h1>==========</h1>
      <slot name="footer" :abc="msg"></slot>
      
  </div>
</template>

<script>
export default {
  data () {
    return {
        msg:'123'
    }
  }
}

</script>
<style lang='scss' scoped>
</style>